<template>
    <div>
      <h1>学号：{{id}}</h1>
      <h1>姓名：{{username}}</h1>
      
    </div>
  </template>
  <script setup>
  import { reactive, toRefs}  from  'vue'
  const obj = reactive({id:'101',username:'张三'})
  let {id}=toRefs(obj)
  let {username}=toRefs(obj)
    setTimeout(()=>{
        id.value = '102'
        username.value = '李四'
  },2000)
  </script>
  
  <!-- <style scoped>
  h1{
      color: rgb(255, 0, 102);
  }
  </style> -->
  